#term {
	position: relative;
	z-index: 1;

	.icon-caret-down:before,
	.icon-caret-right:before {
		.font-icon-reset(FontAwesome);
		content: "\f078";
	}
	.icon-caret-right:before {
		content: "\f054";
	}

	span.muted {
		color: fade(@terminal-color, 50%);
	}

	.row-fluid {
		clear: both;
		padding-top: 5px;
	}

	::-webkit-scrollbar-thumb {
		background: @terminal-color;
	}

	a {
		color: @terminal-color;
	}

	button,
	.btn {
		background: @terminal-color;
		color: contrast(@terminal-color, @dark-color, @light-color, 51%);

		&:active {
			background: transparent;
			color: @terminal-color;
		}
	}

	.terminal {

		small {
			&.pull-left {
				margin-right: 30px;

				span {
					display: block !important;
					padding: 10px 0 0 0 !important;
					
					+ span {
						display: none !important;;
					}
				}
			}
			&.pull-right {
				position: absolute;
				right: 0;
			}

			button,
			.btn {
				padding: 3px 10px;
				background: transparent;
				color: @terminal-color;

				+ span {
					padding-left: 7px;
				}
				&.active {
					background: @terminal-color;
					color: contrast(@terminal-color, @dark-color, @light-color, 51%);
				}
			}
		}
		a:not(.btn) {
			.rem(font-size, 35);

			i:before {
				font-family: FontAwesome;
			}
		}

		button,
		.btn {
			padding: 4px 12px;
			background: @main-background;
			color: contrast(@main-background);

			&.active {
				background: @terminal-color;
				color: contrast(@terminal-color, @dark-color, @light-color, 51%);
			}
		}
	}

	#terminal-filterpanel,
	#termin-filterpanel {//TODO remove #termin in future; backwards compatibility with <1.3.0
		width: 100%;
	}

	#terminal-scroll {
		border: 1px solid @terminal-color;
		overflow: hidden;
		.rem(margin-bottom, 28);
		.border-radius(5px, 5px, 0, 0);
		height: 69vh;
		min-height: 150px;
		background: @terminal-background;
		z-index: 2;
	}

	#terminal-output,
	#terminal-output-lowfi {
		height: auto;
		min-height: 0;
		max-height: none;
		.box-sizing(border-box);
		margin-bottom: 26px;
		border: 0 none;
		margin: 0;
		padding: 10px @terminal-gutter @terminal-gutter;
		overflow: hidden;
		color: @terminal-text-color;
		background-color: transparent;
		font-size: 0.8rem;
		line-height: 1.4rem;

		&:before {
			font-family: "touchui";
			content: "\e601\e605\e604\e603\e602\e600";
			display: block;
			width: 100%;
			margin: 5px auto 0;
			position: relative;
			.rem(font-size, 34);
			.rem(line-height, 62);
			letter-spacing: 3px;
			text-align: center;

			@media (max-width: 350px) {
				font-size: 10vw;
			}

			@media (max-width: 280px) {
				font-size: 8vw;
			}

		}

		span:first-child {
			&:before {
				content: "v?.?.?";
				display: block;
				position: relative;
				left: 0;
				margin: -5px 0 20px;
				.rem(line-height, 17);
				.rem(font-size, 14);
				width: 100%;
				text-align: center;
			}
		}
	}
	#terminal-sendpanel {
		position: absolute;
		left: 0;
		width: 100%;
		margin: 0;
		top: 69vh;
		.rem(font-size, 14);

		.muted {
			display: none;
		}

		input, button, .btn {
			&:disabled, .disabled {
				opacity: 1;
				background: mix(@terminal-color, @main-background, 30%);
				color: @terminal-color;
			}
		}
		.input-append {
			position: relative;
		}
		input {
			width: 100%;
			background-color: @main-background;
			color: @terminal-color;
			border: 1px solid @terminal-color;
			padding: 0;
			display: block;
			z-index: 2;

			.rem(font-size, 14);
			.rem(height, 30);
			text-indent: 10px;
			padding-right: 90px;

			.box-sizing(border-box);
			.border-radius(0, 0, 5px, 5px);
		}
		button, .btn {
			position: absolute;
			top: 0;
			right: 1px;
			background-color: @terminal-color;
			color: @main-background;
			border: 0 none;
			border-top: 1px solid @terminal-color;
			border-left: 1px solid @terminal-color;
			.text-shadow(0 0 0 transparent);
			.border-radius(0, 0, 5px, 0);
			.box-sizing();
			.rem(height, 30);
			.rem(line-height, 20);
			.rem(font-size, 18);
			z-index: 21;
			padding: 4px 12px;
		}

		.btn {
			width: auto;
		}
	}
}

#scroll {
	#term {
		.iScrollIndicator {
			background: @terminal-iScroll-color !important;
			border: 0 none !important;
		}
	}
}
